import React, { Component } from 'react'

export default class ClassComponentDemo extends Component {
  // 执行了ReactDOM.render(<ClassComponentDemo />....)之后, 发生了什么?
  // 1. React 解析组件标签, 找到了MyComponent组件
  // 2. 发现组件是使用类定义的, 随后 new 出来该类的实例, 并通过该实例调用原型上的 render 方法
  // 3. 将 render 返回的虚拟DOM 转为 真实DOM, 随后呈现在页面中 
  render() {
    // render是放在哪里的? —— 类ClassComponentDemo的原型对象上, 供实例使用
    // render中的this是谁? —— 类ClassComponentDemo的实例对象 <=> ClassComponentDemo组件实例对象
    // console.log(this)
    return (
      <div>
        <h2>类式组件</h2>
      </div>
    )
  }
}
